import { createApp } from 'vue'
import App from './App.vue'

import router from './router'
import './assets/css/reset.css'
// 导入pinia
import { createPinia } from 'pinia'

// 导入pinia 持久化插件
import piniaPluginPersistedstate from "pinia-plugin-persistedstate"

// 导入 element plus 
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import 'element-plus/dist/index.css'

import zhCn from 'element-plus/es/locale/lang/zh-cn'
 
// 创建pinia实例
const pinia = createPinia();
// 将持久化插件注册到pinia中
pinia.use(piniaPluginPersistedstate);
// 初始化Vue3应用
// 将路由注册到应用中 use(router)
// 将pinia注册到应用中 use(pinia)
// main.ts

// 如果您正在使用CDN引入，请删除下面一行。
// 这个警告是因为在 Vue3 的 main.js 文件缺少对指定特性标志的定义。表明你在使用 Vue 的开发版本，并且未定义所需的特性标志。在生产环境中，为了获得更好的树摇优化，Vue 需要特定的特性标志，以减小生成的生产包的大小。
window.__VUE_PROD_DEVTOOLS__ = false;
window.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ = false;
createApp(App).use(router).use(pinia).use(ElementPlus, { locale: zhCn }).mount('#app') //#app 是id="app"


